<template>
<el-form :model="tableData" ref="ruleForm" label-width="100px" class="demo-ruleForm"  style="width:40%;margin:50px auto 0 auto">
  <el-form-item label="高管编号" prop="executiveCode">
    <el-input v-model="tableData.executiveCode" readonly></el-input>
  </el-form-item>
  <el-form-item label="高管名称" prop="executiveName">
    <el-input v-model="tableData.executiveName" readonly></el-input>
  </el-form-item>
  <el-form-item label="职务" prop="executivePosition">
    <el-input v-model="tableData.executivePosition" readonly></el-input>
  </el-form-item>
  <el-form-item label="性别" prop="executiveGenter">
    <el-input v-model="tableData.executiveGenter" readonly></el-input>
  </el-form-item>
  <el-form-item label="出生日期" prop="bornDate">
    <el-input v-model="tableData.bornDate" readonly></el-input>
  </el-form-item>
  <el-form-item label="学历" prop="eduBackground">
    <el-input v-model="tableData.eduBackground" readonly></el-input>
  </el-form-item>
  <el-form-item label="登记日期" prop="registerDate">
    <el-input v-model="tableData.registerDate" readonly></el-input>
  </el-form-item>
  <el-form-item label="更新日期" prop="updateDate">
    <el-input v-model="tableData.updateDate" readonly></el-input>
  </el-form-item>
  
 
  <el-form-item>
    <el-button type="primary" @click="returnForm('ruleForm')">返回</el-button>
  
  </el-form-item>
</el-form>
</template>
<script>
import {toppeopledetailtoshow} from '@/api/toppeople/index'
  export default {
    data() {
      return {
        tableData:[],
      };
    },
      props: {

        executiveCode : String,
        companyCode : String
 

      },
    methods: {
      returnForm() {
         this.$router.push({
          path: '/messagedetail',
          query: {
            companyCode: this.$route.query.companyCode
            
          }
        })
       
      },
      showtoppeopledetail(){
        toppeopledetailtoshow(this.executiveCode).then(res => {
           this.tableData = res
        }).catch((e) => {console.log(e )})
      }
    },
    mounted(){
      this.showtoppeopledetail()
          }
  }
</script>



<style>
.el-input__inner{

  border:transprant
}
</style>